<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head th:replace="header :: common_header(~{::title},~{::link})">

<title>秒到2.0商户管理后台</title>
</head>

<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
	<div class="page-wrapper">
		<div class="page-header navbar navbar-fixed-top">
			<div class="page-header-inner " th:fragment="navbar-top">
				<a href="javascript:;" class="menu-toggler responsive-toggler"
					data-toggle="collapse" data-target=".navbar-collapse"> <span></span>
				</a>
				<div class="top-menu">
					<ul class="nav navbar-nav">
						<!-- <li class="dropdown dropdown-user" style="line-height:50px;
margin-right: 30px;" >登录代理商：<span id="my_ten">[[${agent?.name}]]</span></li> -->
						<li class="dropdown dropdown-user" style="line-height:50px;
	margin-right: 30px;">登录账号：<span id="my_op">[[${operator?.loginName}]]</span></li>
						<!-- <li class="dropdown dropdown-user" style="line-height:50px;
	margin-right: 30px;">登录人：<span id="my_op">[[${operator?.name}]]</span></li> -->
						<li class="dropdown dropdown-quick-sidebar-toggler"><a
							href="/" > 退出
						</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="page-container">
			<div class="page-sidebar-wrapper"> 
				<div class="page-sidebar navbar-collapse collapse" th:fragment="sidebar">
					<div class="page-logo text-center">
						<a href="#"> <img th:src="@{/assets/layout/img/logo0.png}"
							alt="logo" style="width: 104px;margin: 10px 0 0;"/>
						</a>
					</div>
					<ul class="page-sidebar-menu  page-header-fixed "
						data-keep-expanded="false" data-auto-scroll="true"
						data-slide-speed="200" style="padding-top: 20px">
						<li class="sidebar-toggler-wrapper hide">
							<div class="sidebar-toggler">
								<span></span>
							</div>
						</li>
						<li class="nav-item"><a href="/p/index" class="nav-link nav-toggle">
								<i class="icon-grid"></i> <span class="title">首页概况</span>
						</a></li>

						<li class="nav-item navli" th:each="mt:${mtList}"><a
							href="javascript:;" class="nav-link nav-toggle"> <i
								class=""></i> <span class="title"
								th:text="${mt.name}">系统管理</span> <span class="arrow"></span>
						</a>
							<ul class="sub-menu">
								<li class="nav-item" th:each="m:${mt.moduleList}">
									<a th:href="${m.path}" class="nav-link "> <span
										class="title" th:text="${m.name}">角色管理</span>
								</a>
								</li>
							</ul></li>

					</ul>
				</div>
			</div>
			<div class="page-content-wrapper">
				<div class="page-content" style="min-height: 436px;">
					<div class="view">
						<div class="tabbable" id="tabs-274807">
							<!-- Only required for left/right tabs -->
							<ul class="nav nav-tabs">
								<li class="active"><a href="#panel-160392"
									data-toggle="tab" contenteditable="true">店铺资料</a></li>
								<li class=""><a href="#panel-463113" data-toggle="tab"
									contenteditable="true">商品数据</a></li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane active" id="panel-160392">
									<!-- <p contenteditable="true">I'm in Section 1.</p>   1 begin-->
									<div class="row">
										<div class="col-md-12">
											<div class="portlet light bordered col-md-12">
												<div class="col-md-2 col-sm-12 col-xs-12">
													<div class="board">
														<div class="panel panel-primary">
															<div class="number text-center">
																<h3></h3>
																<h3>666</h3>
																<small>访客数</small>

															</div>
															<!-- <div class="icon">
						   <i class="fa fa-eye fa-5x red"></i>
						</div> -->

														</div>
													</div>
												</div>

												<div class="col-md-2 col-sm-12 col-xs-12">
													<div class="board">
														<div class="panel panel-primary">
															<div class="number text-center">
																<h3></h3>
																<h3>12315</h3>
																<small>浏览量</small>

															</div>
															<!-- <div class="icon">
						   <i class="fa fa-shopping-cart fa-5x blue"></i>
						</div> -->

														</div>
													</div>
												</div>

												<div class="col-md-2 col-sm-12 col-xs-12">
													<div class="board">
														<div class="panel panel-primary">
															<div class="number text-center">
																<h3></h3>
																<h3>123</h3>
																<small>付款订单数</small>

															</div>
															<!-- <div class="icon">
						   <i class="fa fa-comments fa-5x green"></i>
						</div> -->

														</div>
													</div>
												</div>

												<div class="col-md-2 col-sm-12 col-xs-12">
													<div class="board">
														<div class="panel panel-primary">
															<div class="number text-center">
																<h3></h3>
																<h3>89,645</h3>
																<small>付款金额</small>

															</div>
															<!-- 	<div class="icon">
						   <i class="fa fa-user fa-5x yellow"></i>
						</div> -->

														</div>
													</div>
												</div>

												<div class="col-md-2 col-sm-12 col-xs-12">
													<div class="board">
														<div class="panel panel-primary">
															<div class="number text-center">
																<h3></h3>
																<h3>23</h3>
																<small>付款商品数</small>

															</div>
															<!-- 	<div class="icon">
						   <i class="fa fa-user fa-5x yellow"></i>
						</div> -->

														</div>
													</div>
												</div>

												<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
												<div id="main" class="col-md-6" style="height: 500px;"></div>
												<script th:src="@{/assets/pages/scripts/echarts.js}"
													type="text/javascript"></script>
												<script type="text/javascript">
													// 路径配置  
													// 使用  
													// 基于准备好的dom，初始化echarts图表  
													var myChart = echarts
															.init(document
																	.getElementById("main"));
													option = {
														title : {
															text : '页面占比',
															subtext : '小程序',
															x : 'center'
														},
														tooltip : {
															trigger : 'item',
															formatter : "{a} <br/>{b}: {c} ({d}%)"
														},
														legend : {
															orient : 'vertical',
															x : 'left',
															data : [ '店铺主页',
																	'活动',
																	'商品分组',
																	'商品',
																	'自定义组件',
																	'会员主页',
																	'微页面', '其他' ]
														},
														series : [ {
															name : '访问来源',
															type : 'pie',
															radius : [ '50%',
																	'70%' ],
															avoidLabelOverlap : false,
															label : {
																normal : {
																	show : false,
																	position : 'center'
																},
																emphasis : {
																	show : true,
																	textStyle : {
																		fontSize : '30',
																		fontWeight : 'bold'
																	}
																}
															},
															labelLine : {
																normal : {
																	show : false
																}
															},
															data : [ {
																value : 335,
																name : '店铺主页'
															}, {
																value : 335,
																name : '活动'
															}, {
																value : 335,
																name : '商品分组'
															}, {
																value : 310,
																name : '商品'
															}, {
																value : 234,
																name : '自定义组件'
															}, {
																value : 135,
																name : '会员主页'
															}, {
																value : 1548,
																name : '微页面'
															}, {
																value : 1548,
																name : '其他'
															} ]
														} ]
													};

													// 为echarts对象加载数据   
													myChart.setOption(option);
												</script>
												<div id="main1" class="col-md-6" style="height: 500px;"></div>
												<script type="text/javascript">
													// 路径配置  
													// 使用  
													// 基于准备好的dom，初始化echarts图表  
													var myChart1 = echarts
															.init(document
																	.getElementById("main1"));
													//app.title = '环形图';
													option = {
														title : {
															text : '访问来源',
															subtext : '小程序',
															x : 'center'
														},
														tooltip : {
															trigger : 'item',
															formatter : "{a} <br/>{b}: {c} ({d}%)"
														},
														legend : {
															orient : 'vertical',
															x : 'left',
															data : [ '店铺主页',
																	'活动',
																	'商品分组',
																	'商品',
																	'自定义组件',
																	'会员主页',
																	'微页面', '其他' ]
														},
														series : [ {
															name : '访问来源',
															type : 'pie',
															radius : [ '50%',
																	'70%' ],
															avoidLabelOverlap : false,
															label : {
																normal : {
																	show : false,
																	position : 'center'
																},
																emphasis : {
																	show : true,
																	textStyle : {
																		fontSize : '30',
																		fontWeight : 'bold'
																	}
																}
															},
															labelLine : {
																normal : {
																	show : false
																}
															},
															data : [ {
																value : 335,
																name : '店铺主页'
															}, {
																value : 335,
																name : '活动'
															}, {
																value : 335,
																name : '商品分组'
															}, {
																value : 310,
																name : '商品'
															}, {
																value : 234,
																name : '自定义组件'
															}, {
																value : 135,
																name : '会员主页'
															}, {
																value : 1548,
																name : '微页面'
															}, {
																value : 1548,
																name : '其他'
															} ]
														} ]
													};

													// 为echarts对象加载数据   
													myChart1.setOption(option);
												</script>

												<div class="bs-example widget-shadow col-md-10"
													data-example-id="hoverable-table">
													<div class="portlet-title">
														<div class="caption">
															<i class=""></i>单页面浏览数据
														</div>
														<div class="actions">
															<div class="btn-group"></div>
														</div>
													</div>
													<table class="table table-hover">
														<thead>
															<tr>
																<th></th>
																<th>页面名称</th>
																<th>浏览量</th>
																<th>访客数</th>
																<th>分析访客次数</th>
																<th>分析访客人数</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<th scope="row">1</th>
																<td>index.wxml</td>
																<td>1223</td>
																<td>23</td>
																<td>2</td>
																<td>3</td>
															</tr>
															<tr>
																<th scope="row">2</th>
																<td>index.wxml</td>
																<td>1223</td>
																<td>23</td>
																<td>2</td>
																<td>3</td>
															</tr>
															<tr>
																<th scope="row">3</th>
																<td>index.wxml</td>
																<td>1223</td>
																<td>23</td>
																<td>2</td>
																<td>3</td>
															</tr>
														</tbody>
													</table>
												</div>

												<div class="bs-example widget-shadow col-md-10"
													data-example-id="hoverable-table">
													<div class="portlet-title">
														<div class="caption">
															<i class=""></i>访客地域分布
														</div>
														<div class="actions">
															<div class="btn-group"></div>
														</div>
													</div>
													<table class="table table-hover">
														<thead>
															<tr>
																<th></th>
																<th>序号</th>
																<th>地区</th>
																<th>浏览量</th>
																<th>访客数</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<th scope="row">1</th>
																<td>湖北</td>
																<td>23</td>
																<td>23</td>
																<td>1</td>
															</tr>
															<tr>
																<th scope="row">2</th>
																<td>上海</td>
																<td>23</td>
																<td>23</td>
																<td>1</td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
										</div>
									</div>
									<!-- -----1  end----- -->
								</div>
								<div class="tab-pane " id="panel-463113">
									<!-- 2 begin -->
									<div class="col-md-3 col-sm-12 col-xs-12">
										<div class="board">
											<div class="panel panel-primary">
												<div class="number text-center">
													<h3></h3>
													<h3>666</h3>
													<small>访客数</small>

												</div>
												<!-- <div class="icon">
						   <i class="fa fa-eye fa-5x red"></i>
						</div> -->

											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-12 col-xs-12">
										<div class="board">
											<div class="panel panel-primary">
												<div class="number text-center">
													<h3></h3>
													<h3>666</h3>
													<small>访客数</small>

												</div>
												<!-- <div class="icon">
						   <i class="fa fa-eye fa-5x red"></i>
						</div> -->

											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-12 col-xs-12">
										<div class="board">
											<div class="panel panel-primary">
												<div class="number text-center">
													<h3></h3>
													<h3>666</h3>
													<small>访客数</small>

												</div>
												<!-- <div class="icon">
						   <i class="fa fa-eye fa-5x red"></i>
						</div> -->

											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-12 col-xs-12">
										<div class="board">
											<div class="panel panel-primary">
												<div class="number text-center">
													<h3></h3>
													<h3>666</h3>
													<small>访客数</small>

												</div>
												<!-- <div class="icon">
						   <i class="fa fa-eye fa-5x red"></i>
						</div> -->

											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-12 col-xs-12">
										<div class="board">
											<div class="panel panel-primary">
												<div class="number text-center">
													<h3></h3>
													<h3>666</h3>
													<small>访客数</small>

												</div>
												<!-- <div class="icon">
						   <i class="fa fa-eye fa-5x red"></i>
						</div> -->

											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-12 col-xs-12">
										<div class="board">
											<div class="panel panel-primary">
												<div class="number text-center">
													<h3></h3>
													<h3>666</h3>
													<small>访客数</small>

												</div>
												<!-- <div class="icon">
						   <i class="fa fa-eye fa-5x red"></i>
						</div> -->

											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-12 col-xs-12">
										<div class="board">
											<div class="panel panel-primary">
												<div class="number text-center">
													<h3></h3>
													<h3>666</h3>
													<small>访客数</small>

												</div>
												<!-- <div class="icon">
						   <i class="fa fa-eye fa-5x red"></i>
						</div> -->

											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-12 col-xs-12">
										<div class="board">
											<div class="panel panel-primary">
												<div class="number text-center">
													<h3></h3>
													<h3>666</h3>
													<small>访客数</small>

												</div>
												<!-- <div class="icon">
						   <i class="fa fa-eye fa-5x red"></i>
						</div> -->

											</div>
										</div>
									</div>

									<div class="bs-example widget-shadow col-md-10"
										data-example-id="hoverable-table">
										<div class="portlet-title">
											<div class="caption">
												<i class=""></i>单页面浏览数据
											</div>
											<div class="actions">
												<div class="btn-group"></div>
											</div>
										</div>
										<table class="table table-hover">
											<thead>
												<tr>
													<th></th>
													<th>页面名称</th>
													<th>浏览量</th>
													<th>访客数</th>
													<th>分析访客次数</th>
													<th>分析访客人数</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<th scope="row">1</th>
													<td>index.wxml</td>
													<td>1223</td>
													<td>23</td>
													<td>2</td>
													<td>3</td>
												</tr>
												<tr>
													<th scope="row">2</th>
													<td>index.wxml</td>
													<td>1223</td>
													<td>23</td>
													<td>2</td>
													<td>3</td>
												</tr>
												<tr>
													<th scope="row">3</th>
													<td>index.wxml</td>
													<td>1223</td>
													<td>23</td>
													<td>2</td>
													<td>3</td>
												</tr>
											</tbody>
										</table>
									</div>

									<!-- 2 end -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="page-footer">
			<div class="page-footer-inner">
				2017 &copy; 秒迅科技</a>
			</div>
			<div class="scroll-to-top">
				<i class="icon-arrow-up"></i>
			</div>
		</div>
	</div>

	<!-- 业务js -->
	<!-- <script th:src="@{/assets/pages/scripts/index.js}"
		type="text/javascript"></script> -->
</body>

</html>